.flatabs {
  margin-top: 0;
  margin: $flatabs-vertical-margin;
  padding: 0;
  list-style: none;
  overflow: hidden;
  border-bottom: $flatabs-border-width solid $flatabs-border-color-base;

  .flatab {
    float: left;

    > a {
      display: block;
      min-width: $flatabs-tab-min-width;
      padding: $flatabs-tab-padding-top $flatabs-tab-padding-horizontal $flatabs-tab-padding-bottom;
      font-size: $flatabs-font-size-base;
      color: $flatabs-color-base;
      line-height: $flatabs-line-height-base;
      text-decoration: none;
      text-align: center;
      background-color: $flatabs-bg-base;
    }

    & > a:hover,
    &.active > a {
      color: $flatabs-color-active;
      background-color: $flatabs-bg-active;
    }
  }
}